.box{
    width: 160px;
    border: 1px solid #ccc;
    text-align: center;
    margin: 5px;
    box-shadow: 0 0 6px #ddd;
    padding: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    &:hover{
        transform: rotate(-0.5deg) scale(1.03);
    }
    .img{
        width: 100px;
        height: 100px;
    }
    h4{
        margin: 2px 0;
    }
    .name{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}